{include file="common/header"}
<body>
<div class="x-nav hide">
    <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
    <xblock>
        <button class="layui-btn" onclick="x_admin_show('添加菜单','{:url("addRole")}')"><i class="layui-icon"></i>添加角色</button>
    </xblock>
    <table class="layui-table layui-form" id="list" lay-filter="table"></table>

</div>
<script type="text/html" id="titleTpl">
    <a class="layui-btn layui-btn-xs" onclick="x_admin_show('修改菜单','{:url(\'editRole\')}?id={{d.id}}')" >编辑</a>
    {{# if({:session('aid')} == d.id){ }}
    <a class="layui-btn layui-btn-danger layui-btn-xs layui-btn-disabled" lay-event="del">删除</a>
    {{# }else{ }}
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    {{# } }}
</script>
<script>
    /*用户-删除*/
    function member_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            //发异步删除数据
            $.get("{:url('del')}",{id:id},function (res) {
                if (res.success){
                    $(obj).parents("tr").remove();
                    layer.msg(res.msg,{icon:1,time:1000});
                }else{
                    layer.msg(res.msg,{icon:2,time:1000});
                }
            });

        });
    }
    layui.use('table', function(){
        var table = layui.table;

        //第一个实例
        table.render({
            elem: '#list'
            ,url: "{:url('role')}" //数据接口
            ,method:'post'
            ,cols: [[ //表头
                {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'role_name', title: '角色名称', width:250}
                ,{title: '操作', width: 150,toolbar:'#titleTpl'}
            ]]
        });

        table.on('tool(table)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）

            if(layEvent === 'del'){ //删除
                layer.confirm('真的删除该角色嘛', function(index){
                    var load = layer.load(1)
                    $.post("{:url('delRole')}",{id:data.id},function (res) {
                        layer.close(load);
                        if (res.success){
                            layer.msg(res.msg,{icon:1},function () {
                                obj.del();
                                layer.close(index);
                            })
                        } else{
                            layer.msg(res.msg,{icon:2})
                        }
                    });
                });
            }
        });

    });
</script>
</body>

</html>